<template>
  <div>
    <hr>
    <p>---这是一个父组件v-model--------{{ num }}</p>
    <!-- sync可以对组件进行双向绑定,和v-model的区别是:
    -v-model在同一个组件上只能绑定一次
    -sync可以同时绑定多次
     -->
    <!-- sync的用法,也是一个语法糖的用法,等同于下面的写法 -->
    <son :aa.sync="num" :cc.sync="num2" />
    <!-- <son
      :aa="num"
      :cc="num2"
      @update:aa="val=> num=val"
      @update:cc="val=> num2=val"
    /></son> -->
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: { Son },
  data() {
    return {
      uname: 'gg',
      num: 99,
      num2: 119
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
